<style>
    #pageLeftLogo {
        position: absolute;
        left: 24px;
        top: 18px;
    }
</style>
<img id="pageLeftLogo" src="../images/logo.png">

<!--代理商-->
<!--<style>
    #pageLeftLogo {
        position: absolute;
        left: 24px;
        top: 18px;
    }
</style>
<img id="pageLeftLogo" src="../images/logo3.png">-->

<div id="pageLeftBgBar">
    <ul id="pageLeftNav">
        <li class="pageLeftNavItem">
            <i class="home"></i>
            <i class="goBack">
                <i class="sfont"></i>
            </i>
        </li>
        <li class="pageLeftNavItem">
            <i class="one"></i>
            <i class="recovery">
                <i class="sfont"></i>
            </i>
        </li>
        <li class="pageLeftNavItem">
            <i class="two"></i>
            <i class="young">
                <i class="sfont"></i>
            </i>
        </li>
        <li class="pageLeftNavItem">
            <i class="thr"></i>
            <i class="story">
                <i class="sfont"></i>
            </i>
        </li>
        <li class="pageLeftNavItem">
            <i class="fou"></i>
            <i class="fool">
                <i class="sfont"></i>
            </i>
        </li>
    </ul>
</div>

<script>
    $(".pageLeftNavItem").click(function () {
        $(this).addClass("on").siblings().removeClass("on")
    })
</script>